<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>富豪榜</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class="box">
        <nav>
            <ul>
                <li>主页</li>
                <li>排行榜</li>
                <li>联系方式</li>
            </ul>
        </nav>
        <div class="content">
            <header>
                <button class="nav">导航栏</button>
                <h2>欢迎来到富豪排行榜</h2>
                <p>weclome to the rich rank</p>
                <button class="sign">登陆</button>
            </header>
            <main>
                <ul class="left">
                    <li class="add">添加账户</li>
                    <li class="double">资金翻倍</li>
                    <li class="query">查询百万富翁</li>
                    <li class="list">财富榜</li>
                    <li class="total">计算总额</li>
                </ul>
                <table class="right">
                    <thead>
                        <tr>
                            <td>Person</td>
                            <td>Wealth</td>
                        </tr>
                    </thead>
                    <tbody></tbody>
                    <tfoot></tfoot>
                </table>
            </main>
        </div>
    </div>


    <script src="./data.js"></script>
    <script src="./index.js"></script>
    <!-- <script src="./事件委托.js"></script> -->
</body>

</html>